<template>
    <div class="app-container">
        <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
            <el-tab-pane label="零流量小区" name="first">
                <community />
            </el-tab-pane>
            <el-tab-pane label="逻辑站零流量清单" name="second">
                <logic />
            </el-tab-pane>
            <el-tab-pane label="物理站零流量清单" name="third">
                <physics />
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script setup>
import { ref } from 'vue'

import community from './componoents/community.vue';
import logic from './componoents/logic.vue';
import physics from './componoents/physics.vue';

const props = defineProps({
    /* message: {
      type: String,
      default: '',
      required: true
    } */
})

const activeName = ref('first')

const handleClick = (tab, event) => {
    console.log(tab, event)
}
</script>

<style lang="scss" scoped></style>